<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>富宏堂中医馆</title>
<link rel="stylesheet" href="css/common.css">
<link href="css/main.css" rel="stylesheet" />
<link href="css/style.css"  rel="stylesheet" />
<link href="bootstrap/dist/css/bootstrap.css"  rel="stylesheet" />
<script src="js/jquery-1.8.3.min.js"  type="text/javascript"></script>
<script src="js/jquery.SuperSlide.2.1.1.js" ></script>
<script type="text/javascript" src="bootstrap/dist/js/bootstrap.js"></script>
<script src="js/tagSelect.js"></script>
<style type="text/css">
a{
    text-decoration : none
}
h1{
    font-family: inherit;
    font-weight: 500;
    line-height: 1.1;
    color: inherit;
}
h2{
font-weight: bold;
font-size: 18px;
}

</style>
</head>
<body style="background-color: #FFFFFF">
<!--头部-->
<header>
	<div class="beijing">
		<h2><a href="index.html" ><em style="width:120px;"><font color="#CC0000">富宏堂中医馆</font></em></a></h2>
        <ul class="ulhead">
            <li>
                <a class="menu_1 "  href="index.html" >首页</a>
            </li>
           <li>
                <a class="menu_1 hover" href="hospital.html">分馆介绍<em></em></a>
            </li>
            <li>
                <a class="menu_1 " href="doctor.html">预约挂号<em></em></a>
            </li>
            <li>
                <a class="menu_1 " href="cooper.html" >人才招聘<em></em></a>
            </li>
            <li>
                <a class="menu_1 " href="javascript:gotoPersoninfo()" >个人中心<em></em></a>
            </li>                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                               
        </ul>
		<div class="clear"></div>		
	</div>
	<div class="clear"></div>
</header>

<div class="main_banner" 
     style="background: url(./img/hos_bgtop.png) no-repeat;
           height: 138px;width: 100%;overflow: hidden;margin-bottom: 8px;background-position: center;margin-top: 80px;">
</div>
<!--主体-->
<div class="beijing1" style="background-color: #fff; margin:0px;">
	<div class="filter">
        <div class="container">
            <div class="box">
            <div class="title-h">区域选择</div>
            <dl>
                <dt>省份</dt>
                <dd>
                    <a href="javascript:void(0)" rel="" name="province" class="all sx_child on">全部</a>
                    <a href="#" rel="江苏" name="province" class="sx_child">江苏</a>
                    <a href="#" rel="云南" name="province" class="sx_child">云南</a>
                    <a href="#" rel="四川" name="province" class="sx_child">四川</a>
                    <a href="#" rel="湖北" name="province" class="sx_child">湖北</a>
                    <a href="#" rel="重庆" name="province" class="sx_child">重庆</a>
                </dd>
            </dl>
            </div>
        </div>
    </div>
	<ul class="case" style="padding: 24px;">
	</ul>
</div>
<script>  
    $(function(){
        new SelectTag({
            child : ".sx_child", //所有筛选范围内的子类
            over : 'on', //选中状态样式名称
            all : ".all",
            url:"/hospitals/selectByMore"
        });
    })
</script>
</body>
</html>

<script type="text/javascript">
    $(document).ready(function () {
        $.ajax({
            url:"/hospitals/search",
            type:"POST",
            dataType: "json",//预期服务器返回的数据类型
            success: function (result) {
                console.log(result);//打印
                for(var i=0;i<result.rows.length;i++){
                	var title=result.rows[i].hname;
                    var id=result.rows[i].id;
                    var source=result.rows[i].haddress;
                    var servicetime=result.rows[i].servicetime;
                    var advantage=result.rows[i].advantage;
                    var introduction=result.rows[i].introduction;
                    var html=`<li>
                    <div class="case_1">
                        <h1 style="font-size: 25px;font-family: inherit;font-weight: 500;line-height: 1.1;color: inherit;">
                        <a style="text-decoration : none;color: #428bca;" href="actJoin.html?id=${id}">${title}</a>
                        </h1>
                        <span style="font-size: 16px;">地址：${source}</span>
                        <span style="font-size: 16px;">服务时间：${servicetime}</span>
                        <span style="font-size: 16px;">特色：${advantage}</span>
                        <span style="font-size: 16px;">简介：${introduction}</span>
                    </div></li>`;
                    $(".case").append(html);
                }
            }
        });
    })
</script>
<script type="text/javascript" src="js/xmsz_common.js" ></script>
